import React, { Component } from 'react'

export default class Hello extends Component {
  constructor(){
    super()
    //改变this执行
    //this.handleClick=this.handleClick.bind(this)
  }
  /*
    不要使用这种方法
  */
  handleClick(){
    console.log('类中定义普通方法',this);
  }
  handleClick2=()=>{
    console.log('类中定义的箭头函数',this);
  }
  render() {
    return (
      <>
        <button onClick={()=>{
          console.log('我是按钮1，我被点击了~~~~');
        }}>按钮1</button>

        <button onClick={this.handleClick.bind(this)}>按钮2</button>
        <button onClick={this.handleClick2}>按钮3</button>
        <button onClick={()=>{this.handleClick2()}}>按钮4</button>
      </>
    )
  }
}
